import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import { Menu,Breadcrumb } from 'antd';
import {Router,Route,Link,hashHistory,IndexRoute} from 'react-router';
import Home from './components/Home/index';

class App extends React.Component{
  constructor(props){
    super(props);
    this.state = {

    }
  }

  render(){
    return(
      <div>
        <div className="layout-top">
          <div className="layout-header">
            <div className="layout-wrapper">
              <div className="container">
                <div className="layout-logo">oneTool</div>
                <Menu theme='dark' mode='horizontal' defaultSelectedKeys={['2']} style={{lineHeight:'64px'}}>
                  <Menu.Item key='1'><Link to='home'>主页</Link></Menu.Item>
                  <Menu.Item key='2'><Link to='projects'>项目</Link></Menu.Item>
                  <Menu.Item key='3'><Link to='myterritory'>我的底盘</Link></Menu.Item>
                </Menu>
              </div>
            </div>
          </div>
        </div>
        <div className="container">
          {this.props.children}
        </div>
      </div>
    )
  }
}

export {App as default};
